<!--
 * @Author: lmk
 * @Date: 2021-11-26 17:04:40
 * @LastEditTime: 2021-12-07 18:06:12
 * @LastEditors: lmk
 * @Description: 
-->
<template>
	<view class="u-flex">
		<view class="u-margin-right-12 u-position-relative" >
			<item-btn width="194" height="64" :type="'plain'">
				<view class="u-font-20">{{item.cityName}}(已售<text 	:class="{'text-color-txtTheme':item.grantNumber!==item.totalNumber}">{{item.grantNumber}}</text>/{{item.totalNumber}})
				</view>
			</item-btn>
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			item: {
				type: Object,
				default: ()=>({})
			},
			isEdit:{
				type:Boolean,
				default:false
			},
			width:{
				type:String,
				default:'100%'
			},
			isPlain:{
				type:Boolean,
				default: false
			},
			showDelete:{
				type:Boolean,
				default: true
			},
		},
		methods: {
			selectItem() {
				this.isEdit&&this.$emit('select',this.item)
			},
			remove(){
				this.$emit('remove',this.item.id)
			}
		},
	}
</script>


<style lang="scss" scoped>
	.close{
		position: absolute;
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		background-color: var(--background-second-color);
		top: -14rpx;
		right: -14rpx;
	}
</style>
